<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>猫眼看房</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
		<style type="text/css">
			.policybox ul li{justify-content: flex-start;height: auto;padding: .8rem .6rem .8rem 1rem;}
			.policybox ul li.card{align-items: flex-start;padding-bottom: .3rem;}
			.policybox ul li label{width: 3.6rem;}
			.policybox ul li a{width: 11rem;position: relative;flex-wrap: wrap;}
			.policybox ul li input[type=file] {opacity: 0;width: 2.7rem; height: 2.7rem;overflow: hidden;}
			.policybox ul li a .add-load {background: #F5F5F5;border: 1px solid #979797;position: absolute;box-sizing: border-box;width: 2.7rem;height: 2.7rem;top: 0;left: 0;z-index: -1;justify-content: center;align-items: center;}
			.policybox ul li .add-load i {color: #FF5000;font-size: .6rem;}	
			.policybox ul li.card a{justify-content: flex-start;}
			.policybox ul li .cargupload{width: 2.7rem;height: 2.7rem;position: relative;margin-right: .6rem;margin-bottom: .5rem;}
			.policybox ul li img {width: 100%;height: 100%;}
			.policybox ul li i.icon-guanbi {position: absolute;right: -.3rem;top: -.3rem;font-size: .5rem;background: #000;color: #fff;width: .7rem;height: .7rem;text-align: center;line-height: .7rem;border-radius: 100%;}
		</style>
	</head>

	<body>
		<div class="mask"></div>
		<!--顶部-->
		<div class="txt-oparate row" style="background: #f5f5f5;">
			<a href="#">取消</a>
			<a href="#" class="public">提交</a>
		</div>
		<!--顶部-->
		<!--内容-->
		<form class="container pt2">
			<div class="policybox">
				<ul>
					<li class="row">
						<label>姓名</label>
						<a href="#" class="row">
							<input type="text" placeholder="请填写" />
							<div class="row"></div>
						</a>
					</li>
					<li class="row">
						<label>公司名称</label>
						<a href="#" class="row">
							<input type="text" placeholder="请填写" />
							<div class="row"></div>
						</a>
					</li>
					<li class="row">
						<label>职业类型</label>
						<a href="#" class="row agents" onclick="state(this,1)">
							<input type="text" disabled="disabled" placeholder="请选择"/>
							<div class="row">
								<i class="iconfont icon-arrow-right"></i>
							</div>
						</a>
					</li>
					<li class="row">
						<label>楼盘名称</label>
						<a href="#" class="row">
							<input type="text" placeholder="请填写，不超过3个楼盘" />
							<div class="row"></div>
						</a>
					</li>
					<li class="row card">
						<label>上传名片</label>
						<a href="#" class="row">
							<div class="cargupload">
								<img src="../../img/img02.jpg">
								<i class="iconfont icon-guanbi"></i>
							</div>
							<div class="cargupload">
								<input type="file" />
								<div class="add-load row">
									<i class="iconfont icon-jiahao"></i>
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="seekbox">
				<p>如有疑问，可添加<i class="iconfont icon-weixin"></i>微信客服咨询</p>
				<img src="../../img/mycode.jpg" alt="" />
			</div>
		</form>
		<!--内容-->
		<!--职业类型-->
		<div class="same agent-type hide" id="1">
			<ul>
				<li class="row" onclick="clickA(this,1)"><span>渠道</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,1)"><span>置业顾问</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,1)"><span>经纪人</span><i class="iconfont"></i></li>
			</ul>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			//选择职业类型
			var txt;
			function state(e,id){
				$('#'+id).slideDown();
				$('.mask').fadeIn();
			}
			function clickA(e,id){
				$('.same ul li').removeClass('active');
				$('.same ul li').find('i').removeClass('icon-dagou');
				$(e).find('i').addClass('icon-dagou');
				$(e).addClass('active');
				txt = $(e).find('span').html();
				setTimeout(function(){
					$(e).parents('.agent-type').slideUp();
					$('.mask').fadeOut();
					if(id == 1){
						$('.agents').find('input').val(txt);
					}
					
				},500)
			}
		</script>
	</body>

</html>